<script>
import {userDetail} from "../../api/user";

export default {
    name: "UserCard",
    props:{
        user:Object
    },
    methods:{
        print(){
            console.log(this.user)
        }
    },
    mounted() {

    }
}
</script>

<template>
    <div class="flex column  align-center" style="width: 100%">
        <router-link :to="'/resume/'+user.id" class="flex row center align-center " style="cursor: pointer"  >
            <img :src="user.avatar" alt="" style="width: 60px">
            <span style="font-weight: bolder;font-size: 18pt">{{user.name}}</span>
        </router-link>
        <div class="flex row space-between align-center" style="width: 200px;margin:1rem 0">
            <div class="flex column space-between align-center" style="height: 50px">
                <span>{{user.blogCount}}</span>
                <span>文章</span>
            </div>
            <div class="flex column space-between align-center" style="height: 50px">
                <span>{{user.resCount}}</span>
                <span>资源</span>
            </div>
        </div>
        <div class="flex row space-between align-center" style="width: 200px;margin:1rem 0">
           <el-button plain round>私信</el-button>
            <el-button plain round>关注</el-button>
        </div>
    </div>
</template>

<style scoped>

</style>
